      /***************** CSS重置 *******************/
  
  html,
  body,
  div,
  span,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  ul,
  ol,
  li,
  p {
      margin: 0;
      padding: 0;
  }
  
  html,
  body {
      width: 100%;
      height: 100%;
      font-family: "微软雅黑";
  }
  
  .body {
      width: 100%;
  }
  
  .select {}
  
  .head {
      height: 160px;
      position: relative;
      background: blue;
  }
  
  .input {
      position: absolute;
      left: 7.5%;
      top: 100px;
      margin: auto;
      width: 85%;
      height: 50px;
      text-align: center;
  }
  
  .add {
      margin-left: 10px;
      float: left;
      width: 70%;
      height: 50px;
      margin-top: 5px;
      color: #ffffff;
      background: blue;
      font-size: 40px;
  }
  
  .add1 {
      margin-top: 10px;
      border-radius: 4px;
  }
  
  .kind {
      border: 2px;
      height: 240px;
      width: 100%;
  }
  
  #flex {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      /* 垂直居中 */
      text-align: center;
      width: 80%;
      margin-left: 10%;
      margin-right: 10%;
      /* height: 300px; */
      height: 115px;
  }
  
  #flex h5 {
      color: rgb(32, 27, 27);
  }
  
  .flex11 {
      width: 90px;
      height: 90px;
  }
  
  #flex .flex1 {
      margin-top: 0;
      width: 80px;
      height: 80px;
  }
  
  .max {
      width: 100%;
      height: 180px;
  }
  
  .max11 {
      float: left;
  }
  
  .max11 h3 {
      margin: 20px;
      font-style: normal;
  }
  
  .max11 h4 {
      margin-left: 20px;
      margin-top: 10px;
      font-style: normal;
  }
  
  .max11 h5 {
      margin: 20px;
      font-style: normal;
      color: rgb(218, 81, 81);
  }
  
  .max1 {
      height: 180px;
      float: right;
  }
  
  .member {
      width: 100%;
      height: 60px;
      clear: both;
      /* border: 1px red solid; */
  }
  
  .member h2 {
      color: rgb(204, 116, 105);
      float: left;
      left: 10%;
      margin-top: 10px;
      margin-left: 10%;
  }
  
  .member1 {
      height: 60px;
      float: right;
      clear: none;
  }
  
  .reco {
      width: 100%;
      height: 140px;
      border: 1px red solid;
  }
  
  .reco1 {
      margin: 0 auto;
      height: 70px;
      font-size: 30px;
      text-align: center;
      float: none;
  }
  
  .salon {
      margin-top: 5px;
      border-radius: 5px;
      width: 100%;
      height: 130px;
      float: left;
      /* background: rgb(255, 0, 170); */
  }
  
  .salon h1 {
      margin-top: 5px;
      margin-left: 15px;
  }
  
  .salon h4 {
      margin-left: 15px;
      color: rgba(39, 34, 33);
      margin-top: 10px;
  }
  
  .salon h6 {
      margin-top: 5px;
  }
  
  .salon .icon {
      margin: 0px;
      width: 20px;
      height: 20px;
  }
  
  .salon .img,
  .salon .hh {
      float: left;
  }
  
  .salon .hhh {
      float: right;
      margin-top: 50px;
  }
  
  .foot {
      background-color: #ffffff;
      width: 100%;
      height: 90px;
      clear: both;
      /* 垂直居中 */
      align-items: center;
  }
  
  .foot.fixed {
      position: fixed;
      left: 0;
      width: 100%;
      bottom: 0;
  }
  
  .foot .foota {
      margin: auto;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      width: 90%;
      height: 50px;
  }
  
  .footb {
      text-align: center;
      margin-top: 5px;
      width: 80px;
      height: 80px;
  }
  
  .aa {
      ul,
      ol {
          list-style: none;
      }
      a {
          text-decoration: none;
      }